<template>
  	<input class="inputComponent" type="text" :placeholder="placeholderText" v-model="inputValue">
</template>

<script>
export default {
    props:['placeholderText'],
  	data(){
		return{
            inputValue:''
		};
  	},
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
    .inputComponent{
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        padding-left: 10px;
        font-size: 14px;
        border-radius: 4px;
    }  
</style>

